/* Large desktop */
@media (min-width: 1200px) { 
	.container {
		width: 1170px;
	}
  .span10{
		width:1024px;
	}
}
@media (max-width:1024px){
	.container {
		width: 968px;
	}
	.span10{
		width:948px;
	}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.container {
		width: 724px;
	}
	.span10{
		width:650px;

	}
	.apdiv h1{
		font-size:30px;
	}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	
  .container {
    width: auto;
  }
  /*.table_bg{
	background:#18222b;
  }*/
  .apdiv h1{
		font-size:20px;
	}
	.apdiv h2,.apdiv h3{
		font-size:18px;
	}
  [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span4,.span3{
	width: 100% !important;
  }
  .ap_table th {
	display:none;
  }
   .aptable table, thead, tbody, th, td, tr { 
			display: block;
			float: left;
			clear: both;
			width: 100%
	}
	.aptable thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
	}
	.aptable tr { border: 1px solid #ccc; }
		
	.aptable td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 60%; 
		}
	.aptable td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight:bold;
		}
	.aptable td:nth-of-type(1):before { content: "Botanical name"; }
	.aptable td:nth-of-type(2):before { content: "Common Name"; }
	.aptable td:nth-of-type(3):before { content: "SS, Rajahmundry"; }
	.aptable td:nth-of-type(4):before { content: "SS, Tirupathi"; }
	.aptable td:nth-of-type(5):before { content: "TOTAL"; }
	.aptable td:nth-of-type(6):before { content: "Remarks"; }
	
	/*admin editable table*/
	.ap_contact_info{
		width:100%;
	}
	.ap_editable_table th {
	display:none;
  }
   .ap_editable_table table, thead, tbody, th, td, tr { 
			display: block;
			float: left;
			clear: both;
			width: 100%
	}
	.ap_editable_table thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
	}
	.ap_editable_table tr { border: 1px solid #ccc; }
		
	.ap_editable_table td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 60%; 
		}
	.ap_editable_table td:before { 
			/* Now like a table header */
			position: absolute;
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight:bold;
		}
	.ap_editable_table td:nth-of-type(1):before { content: "Botanical name"; }
	.ap_editable_table td:nth-of-type(2):before { content: "Common Name"; }
	.ap_editable_table td:nth-of-type(3):before { content: "SS, Rajahmundry"; }
	.ap_editable_table td:nth-of-type(4):before { content: "SS, Tirupathi"; }
	.ap_editable_table td:nth-of-type(5):before { content: "TOTAL"; }
	.ap_editable_table td:nth-of-type(6):before { content: "Remarks"; }
	.ap_editable_table td:nth-of-type(7):before { content: "Status"; }
	
	/* Footer Contact info table */
	.contact_info th {
	display:none;
  }
   .contact_info table, thead, tbody, th, td, tr { 
			display: block;
			float: left;
			clear: both;
			width: 100%
	}
	.contact_info thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
	}
	.contact_info tr { border: 1px solid #ccc; }
		
	.contact_info td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 63%; 
		}
	.contact_info td:before { 
			/* Now like a table header */
			position: absolute;
			top: 6px;
			left: 6px;
			width: 63%; 
			padding-right: 2px; 
			color:#333;
			font-size:13px;
			word-break: normal | break-all | keep-all;
		}
	.contact_info td:nth-of-type(1):before { content: "SS,TIRUPATHI"; }
	.contact_info td:nth-of-type(2):before { content: "SS,RAJAHMUNDRY"; }
	.ap_editable_table .addnew_row{
		width:100%;
	}
	.ap_item_per_kg li,.ap_item_per_kg span{
		float:none;
	}
	.ap_item_per_kg li{
		margin-bottom:8px;
	}
	
}

/* Landscape phones and down */
@media (max-width: 480px) {
	 .apdiv h1{
	font-size:17px;
  }
  .apdiv h2{
	font-size:16px;
  }
  .apdiv h3{
	font-size:15px;
  }
  .submit{
	width:88px;
  }
  #actions a {
	font-size:12px;
  }
  .editable-input{
	display:block !important;
  }
  .btn{
	margin-top:5px!important;
  }
}